<!DOCTYPE html>
<html>

<head>

    <title>Digital</title>
    <script>
        function displayTime() {
            console.log("start");
            var elt = document.getElementById("clock");     // 通过id = "clock"找到元素
            console.log(elt)
            var now = new Date();                                   // 得到当前时间
            elt.innerHTML = now.toLocaleTimeString();               // 让elt来显示它
            console.log( elt.innerHTML);
            console.log(document);
            setTimeout(displayTime, 1000);                           // 在一秒后再次执行
        }
        window.onload = displayTime;                                // 当onload事件发生时开始显示时间
    </script>

    <style>
        #clock {
            font: bold 24pt sans;
            background: #ddf;
            padding: 10px;
            border: solid black 2px;
            border-radius: 10px;
        }
    </style>

</head>



<body>
    <h1>Digital Clock</h1>
    <span id="clock"></span>
</body>

</html>